<!DOCTYPE html>
<html>
<head>
    <title>log in</title>
    <style>
        body {
            background-image: url("https://i.hd-r.cn/f129fdec95768ffbea15a03419c52ba3.jpg");
            background-size: cover;
        }
    </style>
    <script>
        function validateForm() {
            var username = document.getElementById("username").value;
            var password = document.getElementById("password").value;

            var correctUsername = "ubuntu";
            var correctPassword = "ubuntu";

            if (username === correctUsername && password === correctPassword) {
                
                window.location.href = "https://wolfge3.gitee.io/time-management";
                return false;
            } else {
                
                alert("wrong password");
                return false;
            }
        }
    </script>
</head>
<body>
    <h2>log in</h2>
    <form onsubmit="return validateForm()">
        <label for="username">account number:</label>
        <input type="text" id="username" required><br><br>
        <label for="password">login password:</label>
        <input type="password" id="password" required><br><br>
        <input type="submit" value="submit">
    </form>
</body>
</html>
